
#navbar {
    display:                block;
    height:                 30px; 
    padding:                0px; 
    margin:                 0px; 
    margin-top:             70px;
    list-style:             none; 
    background-color:       #0fa0cd; 
    position:               relative; 
    z-index:                500; 
    font-family:            arial, verdana, sans-serif;
}

#navbar li.main {
    display:                block; 
    float:                  left; 
    height:                 38px;                                           /*change the height and it dont work:S*/
}

#navbar li a.main_link {
    display:                block; 
    float:                  left; 
    height:                 30px; 
    line-height:            28px; 
    color:                  #FFFFFF;
    text-decoration:        none; 
    font-size:              1.3em; 
    font-weight:            bold; 
    padding:                0 0 0 10px; 
}

#navbar li a.main_link span {
    display:                block; 
    float:                  left; 
    padding:                0 20px 0 20px; 
    height:                 30px;
}

#navbar li a.main_link span.down {                                              
    display:                block; 
    float:                  left; 
    padding:                0 24px 0 12px; 
    height:                 30px;
}

#navbar li:hover a.main_link {
    color:                  #FFFFFF; 
    background-color:       #0c689f; 
}

#navbar li:hover a.main_link span {
    background-color:       #0c689f;

}
#navbar li:hover a.main_link span.down {
    background-color:       #0c689f;
}

/* Default list styling */

#navbar li:hover {
    position:               relative; 
    z-index:                200;
}

#navbar li:hover ul.sub{
    left:                   1px; 
    top:                    38px; 
    background:             #0c689f; 
    padding:                4px; 
    border:                 2px solid #FFFFFF; 
    white-space:            nowrap; 
    width:                  150px;                                           /* width of drop down box*/ 
    height:                 auto; 
    z-index:                300;
    -moz-border-radius:     5px;
    -webkit-border-radius:  5px;
    border-radius:          5px;
}
#navbar li:hover ul.sub li{
    display:                block; 
    height:                 20px; 
    position:               relative; 
    float:                  left; 
    width:                  150px; 
    font-weight:            normal;
    border:                 none; 
}
#navbar li:hover ul.sub li a{
    display:                block;                                  
    font-size:              11px; 
    height:                 18px; 
    width:                  150px;                                              /*width of each of the lines in the dropbox*/
    line-height:            18px; 
    text-indent:            5px; 
    color:                  #000; 
    text-decoration:        none;
    border:                 none; 
}
#navbar li:hover ul.sub li a:hover {
    color:                  #FFFFFF; 
    border-color:           #FFFFFF;
}
#navbar li ul.sub li a.fly {
    background-color:       #00FF00;
}
#navbar li:hover ul.sub li a.fly:hover{
    background-color:       #0000FF; 
    color:                  #FFFFFF;
}


#navbar li:hover li:hover ul,
#navbar li:hover li:hover li:hover ul,
#navbar li:hover li:hover li:hover li:hover ul,
#navbar li:hover li:hover li:hover li:hover li:hover ul{
    left:                   90px; 
    top:                    -4px; 
    background-color:       #0fa0cd;                                            
    padding:                3px; 
    border:                 2px solid #FFFFFF; 
    white-space:            nowrap;
    width:                  150px;                                          /*width of the boxes thats come out the drop down */
    z-index:                400; 
    height:                 auto;
    -moz-border-radius:     5px;
    -webkit-border-radius:  5px;
    border-radius:          5px;
}

#navbar ul, 
#navbar li:hover ul ul,
#navbar li:hover li:hover ul ul,
#navbar li:hover li:hover li:hover ul ul,
#navbar li:hover li:hover li:hover li:hover ul ul{
    position:               absolute; 
    left:                   -9999px; 
    top:                    -9999px; 
    width:                  0; 
    height:                 0; 
    margin:                 0; 
    padding:                0; 
    list-style:             none;
}

#navbar li:hover li:hover a.fly,
#navbar li:hover li:hover li:hover a.fly,
#navbar li:hover li:hover li:hover li:hover a.fly,
#navbar li:hover li:hover li:hover li:hover li:hover a.fly{
    color:                  #fff; 
    border-color:           #fff;                                               /*the ones that have other boxes coming off them */
    background-color:       #FFFF00; 
} 

#navbar li:hover li:hover li a.fly,
#navbar li:hover li:hover li:hover li a.fly,
#navbar li:hover li:hover li:hover li:hover li a.fly{
    color:                  #000000;                                                    
    border-color:           #FFFFFF;                                                         
    background-color:       #FF0000; 
}                                                                                 
                                                                              